﻿{% extends 'film_app/base.html' %}

{% load static %}
{% block body %}
         <!-- SINGLE PAGE -->


{% include 'film_app/lengft.html' %}

            <!-- SINGLE PAGE -->
            <div id="single-page-wrapper" class="col-lg-10 col-md-8">
               <div class="row">
                  <!-- SINGLE PAGE -->
                  <div class="col-lg-8 col-md-12 col-sm-12">
                     <!-- PAGE -->
                     <article class="page">
                        <h2 class="title main-head-title">Kiss me if I’m wrong but Dinosaurs still exist? Right?</h2>
                        <!-- PAGE INFO -->
                        <div class="page-info">
                           <div class="metabox">
                              <span class="meta-i">
                              <i class="fa fa-thumbs-up" aria-hidden="true"></i>20.895
                              </span>
                              <span class="meta-i">
                              <i class="fa fa-thumbs-down" aria-hidden="true"></i>3.981
                              </span>
                              <span class="meta-i">
                              <i class="fa fa-user"></i><a href="#" class="author" title="John Doe">John Doe</a>
                              </span>
                              <span class="meta-i">
                              <i class="fa fa-clock-o"></i>March 16. 2017
                              </span>
                              <span class="meta-i">
                              <i class="fa fa-eye"></i>1,347,912 views
                              </span>
                              <div class="ratings">
                                 <i class="fa fa-star" aria-hidden="true"></i>
                                 <i class="fa fa-star" aria-hidden="true"></i>
                                 <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                 <i class="fa fa-star-o"></i>
                                 <i class="fa fa-star-half"></i>
                              </div>
                           </div>
                           <ul class="social">
                              <li class="social-facebook"><a href="#" class="fa fa-facebook social-icons"></a></li>
                              <li class="social-google-plus"><a href="#" class="fa fa-google-plus social-icons"></a></li>
                              <li class="social-twitter"><a href="#" class="fa fa-twitter social-icons"></a></li>
                              <li class="social-youtube"><a href="#" class="fa fa-youtube social-icons"></a></li>
                              <li class="social-rss"><a href="#" class="fa fa-rss social-icons"></a></li>
                           </ul>
                        </div>
                        <div class="clearfix spacer"></div>
                        <!-- DETAILS -->




<div class="faq">
	<h4 class="latest-text w3_faq_latest_text w3_latest_text">Movies List</h4>
		<div class="container">
			<div class="agileits-news-top">
				<ol class="breadcrumb">
					<li><a href="index.html">Home</a></li>
					<li class="active">List</li>
				</ol>
			</div>
			<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">

					<div id="myTabContent" class="tab-content">
						<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
							<div class="agile-news-table">
								<div class="w3ls-news-result">
									<h4>总条数 : <span>{{search_list|length}}</span></h4>
								</div>
								<table class="table">
									<thead>
										<tr>
										<th>电影名称</th>
										<th>更新时间</th>
										<th>导演</th>
										<th>地区</th>
										<th>语言</th>
										<th>上映时间</th>
										<!-- <th>评分</th> -->
										</tr>
									</thead>
									<tbody>

										{%for info in search_list%}
											<tr>
													<!-- <td>{{info.name.0}}</td> -->
													<td class="w3-list-img" ><a href="{{info.film_url}}"><img src="{{info.img_url.0}}" style="width: 110px;height:160px;" alt="" />
                                                        <br><span>{{info.name.0}}</span></a></td>
													<td style="font-size: 20px">{{info.update}}</td>
													<td style="font-size: 20px">{{info.dao_yan|join:','}}</td>
													<td style="font-size: 20px">{{info.di_qu|join:','}}</td>
													<td style="font-size: 20px">{{info.yu_yan|join:','}}</td>
													<td style="font-size: 20px">{{info.shang_yin|join:','}}</td>
													<!-- <td>不详</td> -->
											</tr>

										{%endfor%}
									</tbody>
								</table>
							</div>
						</div>
					</div>
			</div>
		</div>
</div>


{% include 'film_app/include_lunbo.html' %}


<div class="video-content" style="margin-top: 100px">



                           <!--<img src="{% static 'img/thumbs/page-img.jpg' %}" class="pull-left gap-right gap-bottom img-responsive" alt="img">-->


                        </div>
                        <div class="clearfix spacer"></div>
                     </article>
                  </div>
                  <!-- VIDEO SIDE BANNERS -->
                  <div class="col-lg-4 hidden-md hidden-sm">
                     <!-- MAIN ROLL ADVERTISE BOX -->
                     <a href="" class="video-right-banner">
                     <!--<img src="{% static 'img/banners/banner-400x400.jpg' %}" class="img-responsive" alt="Buy Now Muvee Reviews Bootstrap HTML5 Template" title="Buy Now Muvee Reviews Bootstrap HTML5 Template">-->
                     </a>
                     <a href="" class="video-right-banner">
                     <!--<img src="{% static 'img/banners/banner-400x400.jpg' %}" class="img-responsive" alt="Buy Now Muvee Reviews Bootstrap HTML5 Template" title="Buy Now Muvee Reviews Bootstrap HTML5 Template">-->
                     </a>
                  </div>
               </div>
               <div class="clearfix spacer"></div>
            </div>
         </div>
      </div>
      <!-- BOTTOM BANNER -->


      <div id="bottom-banner" class="container text-center">
         <!-- BOTTOM ADVERTISE BOX -->
         <a href="" class="banner-xl">
         <img src="{% static 'img/banners/banner-xl.jpg' %}" class="img-responsive" alt="Buy Now Muvee Reviews Bootstrap HTML5 Template" title="Buy Now Muvee Reviews Bootstrap HTML5 Template">
         </a>
      </div>
      <!-- FOOTER -->



{% endblock %}